<?php
//var_dump($data['page']);
//die();
?>
<!DOCTYPE html>
<html lang="en" class="transforms">
	<head>
		<meta charset="utf-8">
                <title>
                    <?php
                    if(isset($data['page']['content']['0']['1'])){
                        echo $data['page']['content']['0']['1'];
                    }
                    ?>
                </title>
                <meta name="description" content="
                      <?php
                      if(isset($data['page']['content']['0']['2'])){
                          echo $data['page']['content']['0']['2'];
                      }
                      ?>
                      ">
                <meta name="keywords" content="
                      <?php
                      if(isset($data['page']['content']['0']['3'])){
                          echo $data['page']['content']['0']['3'];
                      }
                      ?>
                      ">
                <meta propperty="og:title" content="
                      <?php
                      if(isset($data['page']['content']['0']['1'])){
                          echo $data['page']['content']['0']['1'];
                      }
                      ?>
                      ">
                <meta property="og:description" content="
                      <?php
                      if(isset($data['page']['content']['0']['2'])){
                          echo $data['page']['content']['0']['2'];
                      }
                      ?>
                      ">
                <meta property="og:keywords" content="
                      <?php
                      if(isset($data['page']['content']['0']['3'])){
                          echo $data['page']['content']['0']['3'];
                      }
                      ?>
                      "> 
                <meta property="og:determiner" content="the" />
                <meta property="og:locale" content="pl_PL" />
                <meta property="og:locale:alternate" content="en_GB" />
                <meta property="og:locale:alternate" content="en_US" />
                <meta property="og:site_name" content="IT Factor" />
                <meta property="og:url" content="<?php echo SITE_ROOT;?><?php echo $_SERVER['request_uri'];?>" />
                <meta property="og:image" content="
                      <?php
                      if(isset($data['page']['content']['0']['7'])){
                          ?>
                      /upload/
                      <?php
                      echo $data['page']['content']['0']['7'];
                      }
                      ?>
                      " />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300,600&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="css/custom1.css" id="main-style" /> 
		<link rel="stylesheet" type="text/css" href="css/color-switcher.css"/> 
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
                
	</head>
	<body>

		<div id="mobile-nav" class="visible-xs">
			<div class="" id="flyout-container">
	<ul class="nav flyout-menu">
<!--		<li class="reorder"><a href="#" title=""><i class="icon-reorder"></i></a></li>-->
		<<?php
                  if(isset($data['page']['menu_data'])){
                      foreach($data['page']['menu_data'] as $key => $value){
                          if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                              ?>
          <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><?php echo strtoupper($value['2']);?></a></li>
                  <?php
                          }
                      }
                  }
                  ?>
	</ul>
</div>		</div>

		<div class="container full-bg visible-xs fixed-nav">
			<nav>
				<div class="row navbar">
					<div class="navbar-inner">
						<ul class="main-menu nav">
							<li class="sm-logo"><a href="index9ba3.html?page=home" title="">HEXAGON</a></li>
							<li class="reorder"><a href="#" title=""><i class="icon-reorder"></i></a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		
		
		
		<header id="splash" class="main-header hidden-xs ">

	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<nav class="nav-container ">
					<div class="container">
						<div class="first-position">
							<a href="index9ba3.html?page=home" title="Hexagon" data-hover="Hexagon"><span>Hexagon</span></a>
						</div>
						<ul class="mainNavigation">
							<?php
                  if(isset($data['page']['menu_data'])){
                      foreach($data['page']['menu_data'] as $key => $value){
                          if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                              ?>
          <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><?php echo strtoupper($value['2']);?></a></li>
                  <?php
                          }
                      }
                  }
                  ?>
						</ul>
					</div>

				</nav>
			</div>
		</div>
	</div>

			<div class="loading-container">
			<div class="pulse">

			</div>
		</div>
		<div id="slides">

			<ul class="slides-container">
				<li>
					<img class="bgfoto" src="img/people1.jpg"/>
					<div class="slide-content-wrapper">
						<div class="slide-content">
							<h5 id="intro2" class="slide-header intro2">Zmieniamy Twój świat każdego dnia</h5>
							<p id="intro3" class="intro3">
                                                            To właśnie IT Factor Tworzy <a href="http://twonee.com" title="Twonee Portal">Twonee</a>. Twonee zmieni Twój świat i Twoje życie. Po premierze Twonee nic nie będzie już takie samo!

							</p>
						</div>
					</div>
				</li>

				<li>
					<img class="bgfoto" src="img/people2.jpg"/>
					<div class="slide-content-wrapper">
						<div class="slide-content">
							<span id="intro22" class="slide-header intro2">Projektujemy aplikacje, które służą Ci każdego dnia</span>
							<p id="intro23" class="intro3">
                                                            IT Factor projektuje aplikacje, dzięki którym zyskujesz każddego dnia. Jedną z nich jest <a href="https://mathsquare.pl" title="portal-mathsquare">Mathsquare</a>. Dbamy o to, żeby Twój świat zmieniał się na lepsze.
							</p>
						</div>
					</div>
				</li>
				
			</ul>
			<nav class="arrows slides-navigation">
				<a href="#" class="next"><i class="icon-chevron-sign-right icon-3x"></i></a>
				<a href="#" class="prev"><i class="icon-chevron-sign-left icon-3x"></i></a>
			</nav>
		</div>
	<div class="static-elements">
		<figure class="bigLogo">
			<img id="intro31" class="intro1" src="img/logo1.png"/>
		</figure>


		<div id="intro34" class="socialMedia intro4">
			<a href="#" title="facebook" class="social-facebook"><i class="icon-facebook icon-3x first-icon"></i>
				<i class="icon-facebook icon-3x second-icon"></i>
			</a>
			<a href="#" title="twitter" class="social-twitter"><i class="icon-twitter icon-3x first-icon"></i>
				<i class="icon-twitter icon-3x second-icon"></i>
			</a>
			<a href="#" title="rss" class="social-rss"><i class="icon-rss icon-3x first-icon"></i>
				<i class="icon-rss icon-3x second-icon"></i>
			</a>
			<a href="#" title="linkedin" class="social-linkedin"><i class="icon-linkedin icon-3x first-icon"></i>
				<i class="icon-linkedin icon-3x second-icon"></i>
			</a>
			<a href="#" title="google+" class="social-googleplus"><i class="icon-google-plus icon-3x first-icon"></i>
				<i class="icon-google-plus icon-3x second-icon"></i>
			</a>
			<a href="#" title="yt" class="social-youtube"><i class="icon-youtube-play icon-3x first-icon"></i>
				<i class="icon-youtube-play icon-3x second-icon"></i>
			</a>
		</div>
	</div>
	
</header>
		<!-- stylesheet switcher begin -->
		<div class="color-switcher">
			<ul>
				<li>
					<a href="css/custom1.css" data-theme="1" data-logo="img/logo1.png"><span class="first-color theme1"></span><span class="second-color theme1"></span></a>
				</li>
				<li>
					<a href="css/custom2.css" data-theme="2" data-logo="img/logo2.png"><span class="first-color theme2"></span><span class="second-color theme2"></span></a>
				</li>
				<li>
					<a href="css/custom3.css" data-theme="3" data-logo="img/logo3.png"><span class="first-color theme3"></span><span class="second-color theme3"></span></a>
				</li>
				<li>
					<a href="css/custom4.css" data-theme="4" data-logo="img/logo4.png"><span class="first-color theme4"></span><span class="second-color theme4"></span></a>
				</li>

			</ul>
		</div>
		<!-- stylesheet switcher end -->
			<section class="features" id="features">
	<div class="container">
		<div class="row">
			<div class="col-md-10 col-md-offset-1">
				<header class="featuresHeader">
					<h1 class="animate_element animate_content">
						At the same time that we are earnest to explore & learn all things
					</h1>
					<p class="animate_element animate_content">
						Maecenas tincidunt lacus quis velit accumsan tempor. Fusce magna purus, 
						gravida sed urna eget, suscipit commodo felis. Etiam ligula mi, dapibus et 
						hendrerit et, dapibus sit amet nulla.
					</p>
				</header>
			</div>
		</div>
		<div class="row features-container animate_content animate_elements">
			<div class="col-md-4 featBox featuresHover animate_element">
				<div class="iconBox">
					<i class="icon-briefcase icon-4x"></i>
					<i class="icon-briefcase icon-4x"></i>
				</div>
				<h2>Best offer</h2>
				<p>Nam pharetra dui eu nisl sagittis commodo. Donec at lectus ac arcu 
					hendrerit imperdiet. In lobortis neque et turpis dictum, vel rhoncus tortor 
					dapibus. Pellentesque sit amet velit sit amet ante adipiscing pulvinar.
					Maecenas ut lacus sed orci auctor fermentum.
				</p>
				<a href="index02b3.html?page=features_single"><button type="button" title="" class="btn ">READ MORE</button></a>
			</div>
			<div class="col-md-4 featBox featuresHover animate_element">
				<div class="iconBox">
					<i class="icon-list-alt icon-4x"></i>
					<i class="icon-list-alt icon-4x"></i>
				</div>
				<h2>Best offer</h2>
				<p>Nam pharetra dui eu nisl sagittis commodo. Donec at lectus ac arcu 
					hendrerit imperdiet. In lobortis neque et turpis dictum, vel rhoncus tortor 
					dapibus. Pellentesque sit amet velit sit amet ante adipiscing pulvinar.
					Maecenas ut lacus sed orci auctor fermentum.
				</p>
				<a href="index02b3.html?page=features_single"><button type="button" title="" class="btn ">READ MORE</button></a>
			</div>
			<div class="col-md-4 featBox featuresHover animate_element">
				<div class="iconBox">
					<i class="icon-desktop icon-4x"></i>
					<i class="icon-desktop icon-4x"></i>
				</div>
				<h2>Best offer</h2>
				<p>Nam pharetra dui eu nisl sagittis commodo. Donec at lectus ac arcu 
					hendrerit imperdiet. In lobortis neque et turpis dictum, vel rhoncus tortor 
					dapibus. Pellentesque sit amet velit sit amet ante adipiscing pulvinar.
					Maecenas ut lacus sed orci auctor fermentum.
				</p>
				<a href="index02b3.html?page=features_single"><button type="button" title="" class="btn ">READ MORE</button></a>
			</div>
		</div>
	</div>
</section><section class="news" id="news">
	<div class="container">
		<h3 class="animate_element animate_content">NEWS</h3>
		<div class="row">
			<!--			<div class="col-md-12">-->

			<div id="newsSlider" class="scroll-content">
				<div class="slider-sizer"></div>
				<ul class="newsSliderContainer animate_elements animate_content">
				<li>



					<div class="newsBox">

						<div class="flip animate_element">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/13.jpg"/>
										<!--<span></span>-->
									</figure>
									<div class="contentBox">
										<h2>1MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>
							</div>
						</div>


					</div>
				</li>
				
				<li>


					<div class="  newsBox">
						<div class="flip animate_element">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/23.jpg"/>
										<!--<span></span>-->
									</figure>
									<div class="contentBox">
										<h2>2MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-pencil icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>

							</div>
						</div>


					</div>
				</li>
				
				<li>
					<div class="  newsBox">
						<div class="flip animate_element">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/18.jpg"/>
										<!--<span></span>-->
									</figure>
									<div class="contentBox">
										<h2>3MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>


							</div>
						</div>
					</div>
				</li>





				<li>
					<div class="  newsBox">
						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/20.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>4MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				
				<li>
					<div class="  newsBox">
						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/15.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>5MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>

							</div>
						</div>
					</div>
				</li>
				
				<li>
					<div class="  newsBox">
						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/25.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>6MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>

							</div>
						</div>
					</div>
				</li>



				<li>
					<div class="  newsBox">

						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/22.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>7MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>

							</div>
						</div>
					</div>
				</li>

					<li>
					<div class="  newsBox">

						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/24.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>8MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>

							</div>
						</div>
					</div>
					</li>
						
					<li>
					<div class="  newsBox">
						<div class="flip">
							<div class="card">
								<a href="indexb878.html?page=post" title="" class="newsView">
									<figure>
										<img src="img-280x195/27.jpg"/>
									</figure>
									<div class="contentBox">
										<h2>9MADE TO LOVE</h2>
										<div class="spacing"></div>
										<p>Vivamus sed blandit purus. Sed eu commodo leo. Mauris viverra 
											neque sit amet lectus molestie iaculis. Morbi sodales sem velit, 
											in fringilla lorem scelerisque et. 
										</p>
										<div class="spacing"></div>
										<div class="media">
											<i class="icon-camera icon-3x media-object pull-left"></i>
											<div class="media-body">
												<h4>POSTED ON</h4>
												<span class="newsDate"><i>July 06, 2013</i></span>
											</div>

										</div>

									</div>
								</a>
							</div>
						</div>
					</div>
				</li>
				</ul>

			</div>
			<!--</div>-->
		</div>
		<nav class="sliderNav arrows">
			<a id="newsDown" class="" href="#" title=""><i class="icon-chevron-sign-left icon-3x"></i></a>
			<a id="newsUp" class="" href="#" title=""><i class="icon-chevron-sign-right icon-3x"></i></a>
		</nav>

	</div>
</section>
	
<div class="container experience">
	<div class="row">
		<div class="col-md-10 col-md-offset-1 experience-content ">
			<h1 class="animate_element animate_content">Donec ultricies <a href="#">nulla tortor</a>. Nunc vehicula nisi non mauris tincidunt, nec egestas metus dignissim. <a href="#">Aliquam sed leo aliquam</a>, vehicula ipsum eu, iaculis lectus. Ut nec lacus metus.</h1>

		</div>
	</div>
</div>
<section class="skills">
	<div class="container animate_elements animate_content">
		<h3 class="animate_element">SKILLS</h3>
		<div class="row">
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				
				<input type="text" value="0" class="dial" rel="93">
				
				<h2>PHOTOSHOP</h2>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				<input type="text" value="0" class="dial" rel="74">
				
				<h2>ILUSTRATOR</h2>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				<input type="text" value="0" class="dial" rel="65">
				
				<h2>INDESIGN</h2>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				
				<input type="text" value="0" class="dial" rel="95">
				<h2>HTML5/CSS3</h2>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				<input type="text" value="0" class="dial" rel="85">
				<h2>JQUERY</h2>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-2 animate_element skillsHandler">
				<input type="text" value="0" class="dial" rel="70">
				<h2>PHP/MYSQL</h2>
			</div>
		</div>
	</div>
	<div class="hidden skills-color"></div>
</section>
<div class="full-bg first-bg" id="portfolio">
	<div class="container portfolio">
		<div class="row">
			<div class="col-md-12">
				<h3 class="animate_element animate_content">portfolio</h3>
			</div>
		</div>
		<div class="row">
			<div id="portfolioSlider" class="scroll-content animate_elements animate_content">
				<ul>
					<li class="slider-wrapper">
						<div class="portfolioBox animate_element">
							<a href="indexbdac.html?page=portfolio_single_page"title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/1.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox animate_element">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/7.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-film"></i></div>
										<div class="category"><h1>creative movie</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>									
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox animate_element">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/4.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>									
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/9.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>											
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/2.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-film"></i></div>
										<div class="category"><h1>creative movie</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>											
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/6.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/3.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/8.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-film"></i></div>
										<div class="category"><h1>creative movie</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>											
								</figure>
							</a>
						</div>
					</li>
					<li class="slider-wrapper">
						<div class="portfolioBox">
							<a href="indexbdac.html?page=portfolio_single_page" title="" class="portfolioView">
								<figure>
									<img src="img-portfolio/5.jpg"/>
									<span class="title">
										<div class="icon-title"><i class="icon-camera"></i></div>
										<div class="category"><h1>mail app</h1></div>
									</span>
									<div class="description">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus tristique nibh quis commodo. Pellentesque fringilla purus ut nulla imperdiet, vitae molestie nisi tristique. Morbi faucibus interdum libero, eget pulvinar orci vestibulum posuere. Donec at mollis dui. Phasellus ac ante ac turpis viverra scelerisque. Donec venenatis tempus pulvinar. Suspendisse imperdiet posuere lectus ut vulputate.</p>
									</div>
								</figure>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<nav class="sliderNav arrows">
			<a id="portfolioDown" class="" href="#" title=""><i class="icon-chevron-sign-left icon-3x"></i></a>
			<a id="portfolioUp" class="" href="#" title=""><i class="icon-chevron-sign-right icon-3x"></i></a>
		</nav>
	</div>
</div>


<div class="full-bg second-bg" id="team">
	<div class="container team animate_elements animate_content">
		<div class="row">
			<div class="col-md-12">
				<h3 class="animate_element">team</h3>
			</div>
		</div>		

		<div class="col-xs-12 col-sm-6 col-md-3 info-team animate_element">
			<a href="indexb878.html?page=post" title="" class="team-photo"><figure class="photo-people">
				<img class="color-photo" src="img-team/1.jpg" alt=""/>
			</figure>
			<span class="learn-more">
				<div class="icon-title"><i class="icon-group"></i></div>
				<div class="category"><h1>learn more</h1></div>
			</span>
			</a>
			<div class="name">
				<strong>John</strong>
				<span>Doe</span>
			</div>
			<div class="status">ceo</div>
			<div class="social-icon">
				<a href="#"><i class="icon-facebook"></i></a>
				<a href="#"><i class="icon-twitter"></i></a>
				<a href="#"><i class="icon-google-plus"></i></a>
			</div>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
		</div>
		<div class="col-xs-12 col-sm-6 col-md-3 info-team animate_element">
			<a href="indexb878.html?page=post" title="" class="team-photo"><figure class="photo-people">
				<img class="color-photo" src="img-team/2.jpg" alt=""/>
			</figure>
			<span class="learn-more">
				<div class="icon-title"><i class="icon-group"></i></div>
				<div class="category"><h1>learn more</h1></div>
			</span>			
			</a>
			<div class="name">
				<strong>John</strong>
				<span>Doe</span>
			</div>
			<div class="status">ceo</div>
			<div class="social-icon">
				<a href="#"><i class="icon-facebook"></i></a>
				<a href="#"><i class="icon-twitter"></i></a>
				<a href="#"><i class="icon-google-plus"></i></a>
			</div>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
		</div>
		<div class="col-xs-12 col-sm-6 col-md-3 info-team animate_element">
			<a href="indexb878.html?page=post" title="" class="team-photo"><figure class="photo-people">
				<img class="color-photo" src="img-team/3.jpg" alt=""/>	
			</figure>
			<span class="learn-more">
				<div class="icon-title"><i class="icon-group"></i></div>
				<div class="category"><h1>learn more</h1></div>
			</span>			
			</a>
			<div class="name">
				<strong>John</strong>
				<span>Doe</span>
			</div>
			<div class="status">ceo</div>
			<div class="social-icon">
				<a href="#"><i class="icon-facebook"></i></a>
				<a href="#"><i class="icon-twitter"></i></a>
				<a href="#"><i class="icon-google-plus"></i></a>
			</div>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
		</div>
		<div class="col-xs-12 col-sm-6 col-md-3 info-team animate_element">
			<a href="indexb878.html?page=post" title="" class="team-photo"><figure class="photo-people">
				<img class="color-photo" src="img-team/4.jpg" alt=""/>
			</figure>
			<span class="learn-more">
				<div class="icon-title"><i class="icon-group"></i></div>
				<div class="category"><h1>learn more</h1></div>
			</span>			
			</a>
			<div class="name">
				<strong>John</strong>
				<span>Doe</span>
			</div>
			<div class="status">ceo</div>
			<div class="social-icon">
				<a href="#"><i class="icon-facebook"></i></a>
				<a href="#"><i class="icon-twitter"></i></a>
				<a href="#"><i class="icon-google-plus"></i></a>
			</div>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
		</div>
	</div>
</div>
<div class="full-bg third-bg experience">	
	<div class="container">
		<div class="row">
			<div class="col-md-10 col-md-offset-1 experience-content ">
				
				<h1 class="animate_element animate_content">Lorem ipsum dolor sit amet, <a title="" href="#">consectetur</a> adipisicing elit, sed do eiusmod <a title="" href="#">tempor</a> ut enim ad minim veniam, quis nostrud exercitation.
			</div>
		</div>
	</div>
</div>			<div class="full-bg first-bg bgphoto" id="contact">
	<div class="overlay">
	<div class="container contact animate_elements animate_content">
		<div class="row">
			<div class="col-xs-12 col-sm-6 col-md-4 animate_element">
				<section>
				<h3>Skontaktuj się z nami</h3>
				<form id="contact-form" class="" action="#" method="POST">
					<div class="input-wrapper">
						<label for="form-name">Imię <i class="icon-asterisk"></i></label>
						<input class="contact-form" type="text" placeholder="Wpisz Twoje imię ..." name="form-name" id="form-name">			
						<span id="errorName" class="hidden error">Wprowadź imię</span>
					</div>
					<div class="input-wrapper">
						<label for="text-message">Email <i class="icon-asterisk"></i></label>
						<input class="contact-form" type="email" placeholder="Wpisz Twój email" name="form-email" id="form-email"><div class="clearfix visible-xs"></div>
						<span id="errorEmail" class="hidden error">Wprowadź email</span>
					</div>
					<div class="input-wrapper">
						<label for="text-message">Telefon</label>
						<input class="contact-form" type="text" placeholder="Your Phone" name="form-phone" id="form-subject"><div class="clearfix visible-xs"></div>
					</div>
					<div class="input-wrapper">
						<label for="text-message">Wiadomość <i class="icon-asterisk"></i></label>
						<textarea class="contact-form" placeholder="Twoja wiadomość..." name="form-message" id="form-message"></textarea>
						<span id="errorMessage" class="hidden error">Wprowadź wiadomość</span>
					</div>
					<div class="alert alert-success form-success hidden">Twoja wiadomość została wysłana. Dziękujemy!</div>
					<div class="input-submit">
						<input type="submit" value="Wyślij email" class="buttonform">
					</div>
				</form>
				</section>
			</div>
			<div class="col-xs-12 col-sm-6  col-md-4 animate_element">
				<section>
				<h3>About Us</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
				<div class="social-icon">
					<a href="#" class="social-facebook">
						<i class="icon-facebook first-icon"></i>
						<i class="icon-facebook second-icon"></i>
					</a>
					<a href="#" class="social-twitter"><i class="icon-twitter first-icon"></i>
						<i class="icon-twitter second-icon"></i>
					</a>
					<a href="#" class="social-linkedin"><i class="icon-linkedin first-icon"></i>
						<i class="icon-linkedin second-icon"></i>
					</a> 
					<a href="#" class="social-rss"><i class="icon-rss first-icon"></i>
						<i class="icon-rss second-icon"></i>
					</a>
					<a href="#" class="social-googleplus"><i class="icon-google-plus first-icon"></i>
						<i class="icon-google-plus second-icon"></i>
					</a>
				</div>
				<h3>Chmura tagów</h3>
				<ul class="tagcloud">
                                    <?php
                                        if(isset($data['page']['menu_data'])){
                                            foreach($data['page']['menu_data'] as $key => $value){
                                                if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                                                 ?>
                                    <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><span><?php echo $value['2'];?></span></a></li>
                                    <?php
                                            }
                                        }
                                    }
                                ?>
                                    <?php
                                        if(isset($data['page']['category_data'])){
                                            foreach($data['page']['category_data'] as $key => $value){
                                                if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                                                 ?>
                                    <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><span><?php echo strtoupper($value['2']);?></span></a></li>
                                    <?php
                                            }
                                        }
                                    }
                                ?>
                                    <?php
                                        if(isset($data['page']['subcategory_data'])){
                                            foreach($data['page']['subcategory_data'] as $key => $value){
                                                if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                                                 ?>
                                    <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><span><?php echo strtoupper($value['2']);?></span></a></li>
                                    <?php
                                            }
                                        }
                                    }
                                ?>
					
				</ul>
				</section>
			</div>
			<div class="clearfix visible-xs"></div>
			<div class="clearfix visible-sm"></div>
			<div class="col-xs-12 col-sm-6 col-md-4 posts animate_element">
				<section>
				<h3>Recent Posts</h3>
				<ul class="media-list">
					<li class="media">
						<a href="indexb878.html?page=post" title="">
							<figure>
								<img class="media-object" src="img-50x50/1.jpg" alt=""/>
							</figure>
							<div class="media-body">
								<p>Lorem Ipsum is simply</p>
								<h2>28.04.2013 by Administrator</h2>
							</div>
						</a>
					</li>
					<li class="media">
						<a href="indexb878.html?page=post" title="">
							<figure>
								<img class="media-object" src="img-50x50/2.jpg" alt=""/>
							</figure>
							<div class="media-body">
								<p>Dummy text</p>
								<h2>18.05.2013 by John Doe</h2>
							</div>
						</a>
					</li>
					<li class="media">
						<a href="indexb878.html?page=post" title="">
							<figure>
								<img class="media-object" src="img-50x50/3.jpg" alt=""/>
							</figure>
							<div class="media-body">
								<p>Lorem of the printing.</p>
								<h2>14.04.2013 by Administrator</h2>
							</div>
						</a>
					</li>
					<li class="media">
						<a href="indexb878.html?page=post" title="">
							<figure>
								<img class="media-object" src="img-50x50/4.jpg" alt=""/>
							</figure>
							<div class="media-body">
								<p>Ipsum is simply dummy</p>
								<h2>14.04.2013 by Administrator</h2>
							</div>
						</a>
					</li>
				</ul>
				</section>
			</div>
		
			
			<div class="clearfix visible-xs"></div>
			
		</div>
	</div>
	</div>
	<div class="hidden mapMarkerColor"></div>
</div>

	<div id="googlemap hidden-xs">
	</div>
	
	<div class="full-bg map hidden-xs">
	</div>
			<div class="full-bg footer-bg">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 menu">
				<ul class="footer-nav">
					<?php
                  if(isset($data['page']['menu_data'])){
                      foreach($data['page']['menu_data'] as $key => $value){
                          if(isset($value['0']) && isset($value['1']) && isset($value['2'])){
                              ?>
          <li><a class="ajax-link" href="<?php echo SITE_ROOT;?><?php echo $value['0'];?>.html" title="<?php echo $value['1'];?>"><?php echo strtoupper($value['2']);?></a></li>
                  <?php
                          }
                      }
                  }
                  ?>
					<li class="copyrights">Copyright 2013 © Hexagon</li>
				</ul>
			</div>
		</div>
	</div>
</div>

		
		<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>
		<script src="js/jquery-migrate.js" type="text/javascript"></script>
		<script src="js/jquery.detect.min.js" type="text/javascript"></script>
		<script src="js/jquery.throttle.js" type="text/javascript"></script>
		<script src="js/jquery.superslides.min.js" type="text/javascript"></script>
		<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>
		<script src="js/jquery.knob.js" type="text/javascript"></script>
		<script src="js/hexagonplugin.js" type="text/javascript"></script>
		<script src="js/jquery.scrollorama.js" type="text/javascript"></script>
		<script src="js/waypoints.min.js" type="text/javascript"></script>
		<script src="js/waypoints-sticky.min.js" type="text/javascript"></script>
		<script src="js/main.js" type="text/javascript"></script>
		
		
		<script src="js/color-switcher.js" type="text/javascript"></script>
	</body>
</html>
